<%--
 救灾分析页面
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>救灾分析</title>
    <!-- 引入bootstrap -->
    <link rel="stylesheet" type="text/css" href="/css/bootstrap.min.css">
    <!-- 引入JQuery  bootstrap.js-->
    <style>

        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button{
            -webkit-appearance: none !important;
            margin: 0;
        }


    </style>
    <script src="../../../js/echarts.min.js"></script>
    <script src="/js/jquery-3.2.1.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/jquery.easyui.min.js"></script>

    <%--    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.3.2/dist/echarts.min.js"></script>--%>
</head>
<body>
<!-- 顶栏 -->
<jsp:include page="top.jsp"></jsp:include>


<div class="col-md-2">
    <div class="panel panel-default">
        <div class="panel-heading">
            <div class="row">
                <ul class="nav nav-pills nav-stacked" id="nav">

                    <li> <button class="btn btn-success disabled">火灾救灾分析<span class="badge pull-right "></span></button></li>
                    <li><a href="/plan/disaster_Relief_Analysis">灾害气体燃爆分析<span class="badge pull-right"></span></a></li>
                    <li><a href="/plan/disaster_Relief_Analysis2">烟流蔓延分析<span class=" glyphicon glyphicon-repeat  pull-right"></span></a></li>
                    <li><a href="/plan/disaster_Relief_Analysis3">瓦斯积聚分析<sapn class="badge pull-right"/></a></li>
                    <li><a href="/admin/contingencyPlan">返回<sapn class="badge pull-right"/></a></li>
                </ul>


            </div>
        </div>
    </div>
</div>

<h1 class="text-center">烟流蔓延分析</h1>
<div>
    <div class="col-md-10">
    <form>请选择选择算例：
    <select>
        <option>算例一</option>
        <option>算例二</option>
        <option>算例三</option>
    </select>
      <%--  <a>增加</a>  <a>删除</a>--%>
</form>
    </div>
    <div class="col-md-10">
        <h4>算例信息</h4>
        <table class="table table-bordered">
        <thead>
        <tr>
            <th>算例名称</th>
            <th><input type="text" id="sunli" value="算例一"></th>

        </tr>
        </thead>
        <tbody>
        <tr>
            <td>发火巷道</td>
            <td><input type="text" id="fahuo"></td>
            <td>烟流浓度</td>
            <td><input type="text" id="yanliu">%</td>
        </tr></tbody></table>
        <h4>巷道信息<a>导入巷道信息</a></h4>
        <table class="table table-bordered">
            <thead>
            <tr>
                <th>编号</th>
                <th>长度（米）</th>
                <th>面积（平方米）</th>
                <th>风速（米/秒）</th>
                <th>风量（立方米/秒）</th>
                <th>起始节点</th>
                <th>末端节点</th>
                <th>操作</th>

            </tr>
            </thead>
            <tbody>
            <tr>
                <td>1-2</td>
                <td>48</td>
                <td>5.1</td>
                <td>6.1</td>
                <td>31.11</td>
                <td>1</td>
                <td>2</td>
                <td><a>删除</a></td>
            </tr>
            <tr>
                <td>2-3</td>
                <td>25</td>
                <td>3.7</td>
                <td>4.1</td>
                <td>15.17</td>
                <td>2</td>
                <td>3</td>
                <td><a>删除</a></td>
            </tr>
            <tr>
                <td>3-5</td>
                <td>34</td>
                <td>3.7</td>
                <td>6.3</td>
                <td>23.31</td>
                <td>3</td>
                <td>5</td>
                <td><a>删除</a></td>
            </tr>
            <tr>
                <td>5-7</td>
                <td>65</td>
                <td>3.7</td>
                <td>7.2</td>
                <td>26.64</td>
                <td>5</td>
                <td>7</td>
                <td><a>删除</a></td>
            </tr>
            <tr>
                <td>2-4</td>
                <td>76</td>
                <td>3.7</td>
                <td>6.3</td>
                <td>23.31</td>
                <td>2</td>
                <td>4</td>
                <td><a>删除</a></td>
            </tr>
            <tr>
                <td>4-6</td>
                <td>76</td>
                <td>3.7</td>
                <td>6.3</td>
                <td>23.31</td>
                <td>2</td>
                <td>4</td>
                <td><a>删除</a></td>
            </tr>
            <tr>
                <td>5-6</td>
                <td>76</td>
                <td>3.7</td>
                <td>6.3</td>
                <td>23.31</td>
                <td>2</td>
                <td>4</td>
                <td><a>删除</a></td>
            </tr>
            <tr>
                <td>6-8</td>
                <td>76</td>
                <td>3.7</td>
                <td>6.3</td>
                <td>23.31</td>
                <td>2</td>
                <td>4</td>
                <td><a>删除</a></td>
            </tr>
            </tbody>
        </table>
<div class="text-center"> <a id="save" class="btn btn-info" href="javascript:" role="button">保存</a>
    <a id="jisuan" class="btn btn-info" href="javascript:" role="button">计算</a></div>
        <div class="col-md-10">
            <h4>输出结果（巷道）</h4>
        </div>
        <table class="table table-bordered">
            <thead>
            <tr>
                <th>编号</th>
                <th>烟流浓度（%）</th>
                <th>到达时间（秒）</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>1-2</td>
                <td>9.00</td>
                <td>3.9</td>

            </tr>
            </tbody></table>
    </div>
    </div>

</body>

</html>
